html {
  // --color-primary:#c48;

  --color-red: 9;
  --color-green: 96;
  --color-blue: 189;
}
.textline1 {
  font-size: 13px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.lineTitle {
  margin-top: 5px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
  padding-left: 5px;
  // border-left: 3px solid
  position: relative;
  //   rgba(var(--color-red), var(--color-green), var(--color-blue), 1);
  // color: #333;
  color: var(--el-text-color-secondary);
  

  &:after {
    content: "";
    width: 3px;
    height: 100%;
    background:    rgba(var(--color-red), var(--color-green), var(--color-blue), 1);
    border-radius: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
  }
}
.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32, 160, 255);
  }
}
.container {
  //   min-width: 1200px;
  //   overflow: auto;
}
.fd,
.aic,
.jcc,
.jcb,
.jca,
.fdc,
.jcfend {
  display: flex;
}
.aic {
  align-items: center;
}
.jcc {
  justify-content: center;
}
.jcb {
  justify-content: space-between;
}
.jca {
  justify-content: space-around;
}
.jcfend {
  justify-content: flex-end;
}
.aifstart {
  align-items: flex-start;
}
.fdc {
  flex-direction: column;
}
.flexWrap {
  flex-wrap: wrap;
}
.flex-shrink0 {
  flex-shrink: 0;
}
.flex1 {
  flex: 1;
}
.flex2 {
  flex: 2;
}
.flex5 {
  flex: 5;
}
.flex7 {
  flex: 7;
}
.mx30 {
  margin: 0 30px;
}
.mx15 {
  margin: 0 15px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.mx5 {
  margin: 0 5px;
}
.mt30 {
  margin-top: 30px;
}
.mt10 {
  margin-top: 10px;
}
.ml30 {
  margin-left: 30px;
}
.ml10 {
  margin-left: 10px;
}
.m20 {
  margin: 20px;
}
.w80 {
  width: 80px;
}
.mt20 {
  margin-top: 20px;
}
.p10 {
  padding: 10px;
}
.p20 {
  padding: 20px;
}

.w400 {
  width: 400px;
}
.displayInlineBlock {
  display: inline-block;
}
.llt-icon-size {
  font-size: 25px;
  width: 40px;
  height: 40px;
  color: var(--navColorFont);
  cursor: pointer;
  padding: 6px;
  margin: 10px;
  box-sizing: border-box;
}
.llt-edit-icon {
  font-size: 17px;
  cursor: pointer;
  color: rgba(var(--color-red), var(--color-green), var(--color-blue), 1);
}
.red {
  color: red;
}
.cP {
  cursor: pointer;
}
.llt-icon-size:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.toolActive {
  background-color: rgba(0, 0, 0, 0.2);
}
.llt-icon-size-21 {
  font-size: 20px;
  color: var(--navColorFont);
  cursor: pointer;
}
.fontSize16 {
  font-size: 16px;
  font-weight: 400;
}
.w100 {
  width: 100%;
}
.w50 {
  width: 50%;
}
.h100 {
  height: 100%;
}
.mxauto {
  margin: 0 auto;
}
.white {
  color: white;
}
.white-bg {
  background-color: #fff;
}
.gray {
  color: var(--el-color-primary);
}
.positionCenterTop {
  position: relative;
  top: 17%;
  left: 50%;
  transform: translateX(-50%);
}
.position-fixed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.position-relative {
  position: relative;
}
.text-center {
  text-align: center;
}
.commonBoxmp {
  height: 100px;
  min-height: calc(100% - 30px);
  max-height: calc(100% - 30px);
  width: 100px;
  min-width: calc(100% - 30px);
  max-width: calc(100% - 30px);
  margin: 15px;
  padding: 15px;
  // margin-top: 0;
  background-color: var(--commonBoxmp);
  overflow-x: auto;
}
.HeightAuto {
  height: 100%;
  min-height: calc(100% - 0px);
  max-height: calc(100% - 0px);
}
.menuHeighttAuto {
  height: 100%;
  min-height: calc(100% - 50px);
  max-height: calc(100% - 50px);
}
.menuNavToAuto {
  width: 100px;
  min-width: calc(100vw - 610px);
  height: 50px;
  overflow-y: hidden;
  max-width: calc(100vw - 610px);
}
.maxHeight {
  height: 100px;
  min-height: calc(100% - 30px);
  max-height: calc(100% - 30px);

  // overflow: auto;
}
.maxWidth {
  width: 100px;
  min-width: calc(100% - 30px);
  max-width: calc(100% - 30px);
  overflow: auto;
}
.maxWidthHeader {
  width: 100px;
  min-width: calc(100% - 0px);
  max-width: calc(100% - 0px);
}
.tablecommon {
  //撑满
  // width: 100px;
  height: 200px;
  min-height: calc(100% - 53px);
  max-height: calc(100% - 53px);
  // overflow-y: scroll;
}
* {
  margin: 0;
  box-sizing: border-box;
}

#app,
html,
body {
  font-size: 14px;
  height: 100%;
}

.llt-row {
  margin: 0 !important;
}
.llt-default-font-color {
  color: #333;
  font-weight: 500;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 8px !important;
  height: 8px;
  background-color: transparent;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: transparent;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(144, 147, 153, 0);
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}

@media only screen and (min-width: 1200px) {
  .hidden-md-and-up1 {
    display: none !important;
  }
}
//动画
.animation-delay0 {
  animation-delay: 0ms;
}
.animation-delay100 {
  animation-delay: 100ms;
}
.animation-delay200 {
  animation-delay: 200ms;
}
.animation-delay300 {
  animation-delay: 300ms;
}

// 初始化 element-plus css start
.el-scrollbar__view {
  height: 100%;
  background-color: #fff;
}
.el-overlay {
  //蒙版
  z-index: 333  !important;
}
// 选中菜单

.el-sub-menu .el-menu-item,
.el-sub-menu__title,
.el-menu-item {
  color: var(--menuColorFont) !important;
}
.el-menu--collapse .el-sub-menu.is-active i {
  color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    1
  ) !important;
}

.el-menu-item:hover {
  color: var(--activeColor) !important;
  background-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    0.8
  ) !important;
}
.el-menu-item.is-active {
  color: var(--activeColor) !important;
  background-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    1
  ) !important;
}
.el-tabs__item.is-active,
.el-tabs__item:hover {
  color: rgba(var(--color-red), var(--color-green), var(--color-blue), 1);
}
.el-tabs__active-bar {
  background-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    1
  );
}

.el-link.el-link--primary,
.el-switch__label.is-active {
  color: rgba(var(--color-red), var(--color-green), var(--color-blue), 1);
}
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
  color: var(--el-button-disabled-text-color);
  cursor: not-allowed;
  background-image: none;
  background-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    0.5
  );
  border-color: none;
}

.el-switch.is-checked .el-switch__core,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    1
  );
  background-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    1
  );
}

// .el-button--primary:hover,
// .el-button--primary:focus {
//   --el-button-hover-text-color: #fff;
//   border-color: rgba(
//     var(--color-red),
//     var(--color-green),
//     var(--color-blue),
//     0.8
//   );
//   background-color: rgba(
//     var(--color-red),
//     var(--color-green),
//     var(--color-blue),
//     0.8
//   );
// }

.el-tag {
  --el-tag-bg-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    0.2
  );
  --el-tag-border-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    0.2
  );
  --el-tag-text-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    1
  );
  --el-tag-hover-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    1
  );
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: rgba(var(--color-red), var(--color-green), var(--color-blue), 1);
}

// .el-tree-node__expand-icon {
//   color: #333;
// }
// .el-tree-node__expand-icon.is-leaf {
//   color: #fff !important;
// }

.el-dropdown-menu__item:hover {
  color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    1
  ) !important;
  background-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    0.2
  ) !important;
}
.el-radio{
  color: var(--radio-text-color) !important;
}
.el-radio-button {
  --el-radio-button-checked-bg-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    1
  );
  --el-radio-button-checked-border-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    1
  );
}

.el-radio__input.is-checked + .el-radio__label {
  color: rgba(var(--color-red), var(--color-green), var(--color-blue), 1)!important;
}
.el-radio__input.is-checked .el-radio__inner {
  border-color: rgba(
    var(--color-red),
    var(--color-green),
    var(--color-blue),
    1
  ) !important;
  background: rgba(var(--color-red), var(--color-green), var(--color-blue), 1)!important;
}
.el-drawer.rtl {
}
.el-menu{
  border-right: none !important;
}
.el-menu-item,
.el-sub-menu__title {
  height: 50px !important;
  line-height: 50px !important;
}
.el-menu--horizontal.el-menu{
  border-bottom: none !important;
}
.el-scrollbar__view{
  background-color:transparent;
}
.el-menu--horizontal{
  height: 50px;
}
.el-table thead.is-group th.el-table__cell{
  background-color: transparent !important;
}
input:disabled {
  background-color:var(--el-fill-color-light);
}
// 初始化 element-plus css end



